<%@page import="java.text.SimpleDateFormat,java.util.Date" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<%--@elvariable id="actionBean" type="able.stripes.AbleActionBean"--%>
<%@ include file="/WEB-INF/jsp/include/taglibs.jspf" %>
<decorator:usePage id="pageContent" />
<fmt:setBundle basename="StripesResources"/>
<%
    pageContext.setAttribute("datetime", new SimpleDateFormat("dd/MM/yyyy | hh:mm").format(new Date()));
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>:: Portal Kerjaya ::</title>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
            <!--
            .style1 {font-size: 21px; color: #003366; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
            .errFld { border: 1px solid red; }
            -->
        </style>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/pub/style/styleblue.css" />        
        <link rel="stylesheet" href="${pageContext.request.contextPath}/pub/style/jquery.jgrowl.css" type="text/css"/>
<%--   <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-1.4.4.min.js"></script> --%>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/ui.datepicker.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-1.6.2.min.js"></script>
        <script src="${pageContext.request.contextPath}/pub/js/jquery.jgrowl.js" type="text/javascript"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/hoverIntent.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/superfish.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/pub/js/jquery-plugin-validate.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".datepicker").datepicker(
                {
                    dateFormat: 'dd/mm/yy',
                    changeMonth: true,
                    changeYear: true               

                });
                $('ul.sf-menu').superfish();

                $('select').each(function(){
                    $(this).focus(function(){
                        $(this).addClass('focus');
                    });
                    $(this).blur(function(){
                        $(this).removeClass('focus');
                    });
                });
                $('input:text').each(function(){                   
                    $(this).focus(function(){
                        $(this).addClass('focus');
                    });
                    $(this).blur( function() {
                        $(this).removeClass("focus");
                        if ( !$(this).hasClass('normal_text') ) {
                            $(this).val( $(this).val().toUpperCase());
                        }                        
                    });                                    
                });                
                $('.messages').each(function(){ 
                    $(this).hide();
                    $.jGrowl( $(this).text(),  {
                        life : '2000'
                    }) ;
                });                
            });
        </script>
        <decorator:head/>
    </head>
    <body>
        <div id="jGrowl" class="bottom-left jGrowl"><div class="jGrowl-notification"></div></div>
        <div class="wrapper">
            <!--<div class="top">
            <div class="top_description">Sample Web for Job Match!</div>
            <div class="top_apps">Site Map | Contact</div>
            <div class="clear"></div>
            </div>-->

            <div class="main">
                <div class="nav">
                    <ul>
                        <li><a href="${pageContext.request.contextPath}/home">Laman Utama</a></li>
<!--                        <li><a href="employer.html">Employer</a></li>
                        <li><a href="loggedin.html">Employee</a></li>-->
                    </ul>
                    <div class="clear"></div>
                </div>

                <!--<div class="main_top">
                <div class="top_description">Kementerian Sumber Manusia</div>
                <div class="top_apps">Bahasa : MALAY | ENG</div>
                <div class="clear"></div>
                </div>--><!--main_top-->

                <div class="banner"></div>
                <div class="apps_main">
                    <div class="apps_search">
                        <div class="apps_left">
                            <input type="text" id="search_job" placeholder="Find Job"/>
                            <select id="search_spec"><option>Kerja Sambilan</option><option>Kerja Kontrak</option></select>
                            <input type="submit" id="search" value="Cari" class="btn fix_width" style="height: 30px !important;" />
                        </div>
                        <div class="apps_right"><a href="#">Advanced Search</a>
                            <br/>${actionBean.userId.idPengguna} &lt;${datetime}&gt; 
                            <br/><a href="${pageContext.request.contextPath}/logout">Log Keluar</a>
                        </div>
                        <div class="clear"></div>

                    </div>
                </div>

                <%--<div class="directory">Employee</div>--%>
                <%--TODO: Dynamic side bar base on page--%>
                <%@ include file="/WEB-INF/jsp/menu.jsp" %>
                <div class="main_right">
                    <decorator:body/>      
                </div>

                <!--<div class="right_employer">ss</div>-->


                <div class="clear"></div>

                <!--                <div class="main_func_label">Other Links</div><div class="clear"></div>
                                <div class="main_func"><img src="images/wb_slider2.jpg" /></div>-->

            </div><!--main-->

            <div class="footer">
                <div class="footer_segment">
                    <div class="footer_bound">
                        This website is made for inspired-design theme for any structured website. It is not for selling purposed, redesign with any changes intact within the
                        codes.
                    </div>
                    <div class="footer_bound">This website is best viewed by 1024 x 768 resolution.</div>
                    <div class="footer_bound">Updated on October 16th, 2011.</div>
                </div>
                <div class="footer_segment">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Site Map</a></li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Terms and Conditions</a></li>
                        <li><a href="#">Policy</a></li>
                    </ul></div>
                <div class="footer_segment">
                    <div class="footer_bound">
                        Support System<br /><br />
                        <select id="footer_link">
                            <option>Sistem Penempatan Orang Kurang Upaya</option>
                            <option>Semak Akreditasi Awam</option>
                            <option>Semak Akreditasi Swasta</option>
                            <option>Semak Akreditasi (Senarai)</option>
                            <option>Rangkaian Agensi Pekerjaan Swasta</option>
                        </select>
                    </div>
                    <div class="footer_bound">
                        Main Tools<br /><br />
                        <select id="footer_link">
                            <option>Daftar Baru</option>
                            <option>Login Pengguna</option>
                            <option>Semak Akreditasi Swasta</option>
                            <option>Semak Akreditasi (Senarai)</option>
                            <option>Rangkaian Agensi Pekerjaan Swasta</option>
                        </select>
                    </div>
                </div>
                <div class="clear"></div>
            </div>

            <div class="top"><br /><center>Developed in details through hand-coded by &copy EW. (2011).</center><br /></div>

        </div><!--wrapper-->


    </body>
</html>